<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Limitless - Responsive Web Application Kit by Eugene Kopyov</title>

	<!-- Global stylesheets -->
	<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
	<link href="/assets/css/icons/icomoon/styles.css" rel="stylesheet" type="text/css">
	<link href="/assets/css/minified/bootstrap.min.css" rel="stylesheet" type="text/css">
	<link href="/assets/css/minified/core.min.css" rel="stylesheet" type="text/css">
	<link href="/assets/css/minified/components.min.css" rel="stylesheet" type="text/css">
	<link href="/assets/css/minified/colors.min.css" rel="stylesheet" type="text/css">
	<!-- /global stylesheets -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>

	<!-- Core JS files -->
	<script type="text/javascript" src="/assets/js/plugins/loaders/pace.min.js"></script>
	<script type="text/javascript" src="/assets/js/core/libraries/jquery.min.js"></script>
	<script type="text/javascript" src="/assets/js/core/libraries/bootstrap.min.js"></script>
	<script type="text/javascript" src="/assets/js/plugins/loaders/blockui.min.js"></script>
	<!-- /core JS files -->

	<!-- Theme JS files -->
	<script type="text/javascript" src="/assets/js/plugins/forms/styling/uniform.min.js"></script>

	<script type="text/javascript" src="/assets/js/core/app.js"></script>
	<script type="text/javascript" src="/assets/js/pages/form_inputs.js"></script>
	<!-- /theme JS files -->
    <script type="text/javascript">
        var vm = new Vue({
            el: '.hello',
            data: {
                inputtext:{}
            },
            methods: {
                submit: function() {
                    console.log(this.inputtext);
                }
            },
        })
    </script>

</head>

<body>
	<div class="page-container">

		<!-- Page content -->
		<div class="page-content">
			<div class="content-wrapper">
				<div class="content">
					<div class="panel panel-flat">
						<div class="panel-heading">
							<h5 class="panel-title">保存策略信息</h5>
							<div class="heading-elements">
								<ul class="icons-list">
			                		<li><a data-action="collapse"></a></li>
			                		<li><a data-action="reload"></a></li>
			                		<li><a data-action="close"></a></li>
			                	</ul>
		                	</div>
						</div>

						<div class="panel-body">
							<form class="form-horizontal" action="#" @submit.prevent="submit">
								<fieldset class="content-group">
									<legend class="text-bold">策略基本信息</legend>
									<div class="form-group">
										<label class="control-label col-lg-2">买入价格</label>
										<div class="col-lg-10">
											<input type="text" class="form-control">
										</div>
									</div>
									<div class="form-group">
										<label class="control-label col-lg-2">买入数量</label>
										<div class="col-lg-10">
											<input type="password" class="form-control">
										</div>
									</div>

									<div class="form-group">
										<label class="control-label col-lg-2">止盈价</label>
										<div class="col-lg-10">
											<input type="text" class="form-control" placeholder="止盈价">
										</div>
									</div>

									<div class="form-group">
										<label class="control-label col-lg-2">止损价</label>
										<div class="col-lg-10">
											<input type="text" class="form-control">
										</div>
									</div>

									<div class="form-group">
										<label class="control-label col-lg-2">Disabled field</label>
										<div class="col-lg-10">
											<input type="text" class="form-control" disabled="disabled" value="disabled">
										</div>
									</div>

									<div class="form-group">
										<label class="control-label col-lg-2">Predefined value</label>
										<div class="col-lg-10">
											<input type="text" class="form-control" value="http://">
										</div>
									</div>

			                        <div class="form-group">
			                        	<label class="control-label col-lg-2">Default select</label>
			                        	<div class="col-lg-10">
				                            <select name="select" class="form-control">
				                                <option value="opt1">Usual select box</option>
				                                <option value="opt2">Option 2</option>
				                                <option value="opt3">Option 3</option>
				                                <option value="opt4">Option 4</option>
				                                <option value="opt5">Option 5</option>
				                                <option value="opt6">Option 6</option>
				                                <option value="opt7">Option 7</option>
				                                <option value="opt8">Option 8</option>
				                            </select>
			                            </div>
			                        </div>

									<div class="form-group">
										<label class="control-label col-lg-2">Disabled autocomplete</label>
										<div class="col-lg-10">
											<input type="text" class="form-control" placeholder="Autocomplete is off" autocomplete="off">
										</div>
									</div>

									<div class="form-group">
										<label class="control-label col-lg-2">Maximum value</label>
										<div class="col-lg-10">
											<input type="text" class="form-control" maxlength="4" placeholder="Maximum 4 characters">
										</div>
									</div>

									<div class="form-group">
										<label class="control-label col-lg-2 cursor-pointer" for="clickable-label">Focus on label click</label>
										<div class="col-lg-10">
											<input type="text" class="form-control" id="clickable-label" placeholder="Field focus on label click">
										</div>
									</div>

									<div class="form-group">
										<label class="control-label col-lg-2">Static text</label>
										<div class="col-lg-10">
											<div class="form-control-static">This is a static text</div>
										</div>
									</div>

									<div class="form-group">
										<label class="control-label col-lg-2">Textarea</label>
										<div class="col-lg-10">
											<textarea rows="5" cols="5" class="form-control" placeholder="Default textarea"></textarea>
										</div>
									</div>
								</fieldset>
								<div class="text-right">
									<button type="submit" class="btn btn-primary">提交 <i class="icon-arrow-right14 position-right"></i></button>
								</div>
							</form>
						</div>
					</div>
					<!-- /form horizontal -->

					
					<!-- Footer -->
					<div class="footer text-muted">
						&copy; 2015. <a href="#">Limitless Web App Kit</a> by <a href="http://themeforest.net/user/Kopyov" target="_blank">Eugene Kopyov</a>
					</div>
					<!-- /footer -->

				</div>
				<!-- /content area -->

			</div>
			<!-- /main content -->

		</div>
		<!-- /page content -->

	</div>
	<!-- /page container -->

</body>
</html>
